import React from 'react';
import {
  ScrollView,
  StatusBar,
  StyleSheet,
  Text,
  useColorScheme,
  View,
} from 'react-native';

import {SafeAreaProvider} from 'react-native-safe-area-context';
import SafeAreaView from 'react-native-safe-area-view';
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import PageA from './src/moudles/PageA';
import PageB from './src/moudles/PageB';
const Stack = createStackNavigator();
function App(): JSX.Element {
  return (
    <SafeAreaView>
        <StatusBar barStyle={'dark-content'} backgroundColor={'white'} />
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen
              name="PageA"
              component={PageA}
              options={{}}></Stack.Screen>
          </Stack.Navigator>
          <Stack.Navigator>
            <Stack.Screen
              name="PageA"
              component={PageB}
              options={{}}></Stack.Screen>
          </Stack.Navigator>
        </NavigationContainer>
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  sectionContainer: {
    marginTop: 32,
    paddingHorizontal: 24,
  },
  sectionTitle: {
    fontSize: 24,
    fontWeight: '600',
  },
  sectionDescription: {
    marginTop: 8,
    fontSize: 18,
    fontWeight: '400',
  },
  highlight: {
    fontWeight: '700',
  },
});

export default App;
